{% extends "news/base.html" %}
{% block title %}{{title}}{% endblock title %}
{% block script %}

    <script type="text/javascript" src="../../static/news/js/index.js"></script>
{% endblock script %}
{% block menu %}
    <ul class="menu fl">
        {% for category in categories %}
            <li class="{% if loop.first %}active{% endif%}" data-cid={{ category.id }}><a href="javascript:;">{{ category.name }}</a></li>
        {% endfor %}
            </ul>
{% endblock menu %}

{% block content %}
    <ul class="list_con fl">
{#         {% for news in news_list %}#}
{#            <li>#}
{#                <a href="detail.html" class="news_pic fl"><img src="{{ news.index_image_url | default("../../static/news/images/news_pic.jpg",True) }}"></a>#}
{#                <a href="/news/{{ news.id }}" class="news_title fl">{{ news.title }}</a>#}
{#                <a href="/news/{{ news.id }}" class="news_detail fl">{{ news.digest }}</a>#}
{##}
{#                <div class="author_info fl">#}
{#                    {% if news.user %}#}
{#                    <div class="author fl">#}
{#                        <img src="{{ news.user.avatar_url|default("../../static/news/images/person.png",True) }}" alt="author">#}
{#                        <a href="#">{{ news.user.nick_name }}</a>#}
{##}
{#                    </div>#}
{#                    {% endif %}#}
{#                    <div class="time fl">{{ news.create_time }}</div>#}
{#                </div>#}
{##}
{#            </li>#}
{#         {% endfor %}#}
        </ul>
{% endblock %}

{% block rank %}
  <div class="rank_con fr">
            <div class="rank_title">
                <h3>点击排行</h3>
            </div>
            <ul class="rank_list">
                {% for item in news_clicks %}
                <li><span class="{{ loop.index | index_class }}">{{ loop.index }}</span><a href="/news/{{ item.id }}">{{ item.title }}</a></li>
                 {% endfor %}
{##}
{#                <li><span class="first">1</span><a href="#">势如破竹！人民币再度连闯四道关口 在岸、离岸双双升破6.42</a></li>#}
{#                <li><span class="second">2</span><a href="#">凛冬已至，还有多少银行人在假装干银行</a></li>#}
{#                <li><span class="third">3</span><a href="#">人民日报：部分城市楼市放松限制引关注，楼市调控不会“拉抽屉”</a></li>#}
{#                <li><span>4</span><a href="#">势如破竹！人民币再度连闯四道关口 在岸、离岸双双升破6.42</a></li>#}
{#                <li><span>5</span><a href="#">凛冬已至，还有多少银行人在假装干银行</a></li>#}
{#                <li><span>6</span><a href="#">人民日报：部分城市楼市放松限制引关注，楼市调控不会“拉抽屉”</a></li>#}
            </ul>
        </div>
{% endblock rank %}
